/*
Copyright (c) 2017 Uber Technologies, Inc.
SPDX-License-Identifier: Apache-2.0
*/

@keyframes LoadingIndicator--colorAnim {
  from {
    color: var(--interactive-primary-light);
  }
  to {
    color: var(--interactive-primary);
  }
}

@keyframes LoadingIndicator--spin {
  100% {
    transform: rotate(360deg);
  }
}

.LoadingIndicator {
  animation:
    LoadingIndicator--colorAnim 1s infinite alternate,
    LoadingIndicator--spin 1.2s infinite linear;
  /* outline / stroke the loading indicator */
  text-shadow:
    -0.5px 0 var(--interactive-primary-opaque),
    0 0.5px var(--interactive-primary-opaque),
    0.5px 0 var(--interactive-primary-opaque),
    0 -0.5px var(--interactive-primary-opaque);

  width: 42px;
  height: 42px;
}

.LoadingIndicator.is-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.LoadingIndicator.is-vcentered {
  display: block;
  margin: auto;
}

.LoadingIndicator.is-small {
  width: 32px;
  height: 32px;
}
